<div class="layui-layout layui-layout-admin layui-form" lay-filter="test" >
  <div class="layui-header">
    <!-- 头部区域 -->
    <div class="my-header-title">
      <div class="my-header-logo">&nbsp;</div>
      <div class="my-header-text">
        <h4 class="main-title T-btn" data-event="toApp">气象政务管理信息系统</h4>
        <h3 class="sub-title T-btn" data-event="toApp">数据收集</h3>
      </div>
    </div>
    <div class="my-header-left">
      <div class="layadmin-flexible">
        <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
          <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
        </a>
      </div>
    </div>
    <div class="my-header-setapp layui-form-item">
      <label class="layui-form-label">当前应用：</label>
      <div class="layui-input-block">
        <select name="app" id="app-list" lay-filter="app-list-filter">
          <option value=""></option>
        </select>
      </div>
    </div>
    <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
      <li class="layui-nav-item custom-font-item" style="line-height: inherit;padding: 3px 0;">
        <div class="custom-fontSet-content">
          <div class="font-bg"></div>
          修改字体
        </div>
        <dl class="layui-nav-child" style="width: 120px;">
          <dd><a data-size="18" class="T-btn" data-event="setFont">大</a></dd>
          <dd><a data-size="16" class="T-btn" data-event="setFont">中</a></dd>
          <dd><a data-size="14" class="T-btn" data-event="setFont">小</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item" lay-unselect style="width: 45px;">
        <div class="user-notice" title="消息">
          <img src="../../dist/style/res/user/alarm.png" />
        </div>
        <a><div id="notice-area"></div></a>
      </li>
      <li class="layui-nav-item layui-hide-xs" lay-unselect title="全屏">
        <a href="javascript:;" layadmin-event="fullscreen" style="color: #f8f8f8">
          <i class="layui-icon layui-icon-screen-full"></i>
        </a>
      </li>
      <li class="layui-nav-item layout-content">
        <div class="user-icon"></div>
        <div class="user-info" id="userInfo"></div>
      </li>
      <li class="layui-nav-item layout-content">
          <div class="user-logOut" layadmin-event="logout" title="注销"></div>
      </li>
    </ul>
  </div>
  <div class="previewsContainer layui-hide"></div>
  <!-- 侧边菜单 -->
  <div class="layui-side layui-side-menu">
    <div class="layui-side-scroll">
      <script type="text/html" id="sideMenu">
        <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
        {{# 
          var path =  layui.router().path
          ,pathURL = layui.admin.correctRouter(path.join('/'))
          ,dataName = layui.setter.response.dataName;
          layui.each(d, function(index, item){ 
            var hasChildren = typeof item.children === 'object' && item.children.length > 0
            ,classSelected = function(){
              var route = item.className.split('-')[1];
              var match = path[0] == route || (index == 0 && !path[0]) 
              || (item.url && pathURL == layui.admin.correctRouter(item.url)) || item.spread;
              if(match){
                return hasChildren ? 'layui-nav-itemed' : 'layui-this';
              }
              return '';
            }
            ,url = (item.url && typeof item.url === 'string') ? item.url : '';
        }}
          <li data-name="{{ item.name || '' }}" data-jump="{{ $.trim(item.url) || '' }}" class="my-nav-item my-menu-li {{ classSelected() }}">
            <div class="custom-out-box">
              <div class="custom-inner-box">
                <a href="{{item.url ? item.url : 'javascript:void(0)'}}" lay-direction="2"class="{{item.className}}">&nbsp;</a>
                <span class="my-memu-text">{{ item.text }}</span>
              </div>
            </div>
            {{# if(hasChildren){ }}
              <dl class="my-nav-child">
              {{# layui.each(item.children, function(index2, item2){ 
                var hasChildren2 = typeof item2.children == 'object' && item2.children.length > 0
                ,classSelected2 = function(){
                  var match = (path == item2.url) 
                  || (item2.url && pathURL == layui.admin.correctRouter(item2.url)) || item2.spread;
                  if(match){
                    return hasChildren2 ? 'layui-nav-itemed' : 'layui-this';
                  }
                  return '';
                }
                ,url2 = (item2.url && typeof item2.url === 'string') 
                  ? $.trim(item2.url)
                : [item.name, item2.name, ''].join('/');
              }}
                <dd  data-name="{{ item2.name || '' }}"  data-jump="{{ $.trim(item2.url) || '' }}" 
                {{ classSelected2() ? ('class="'+ classSelected2() +'"') : '' }}>
                {{# if(item2.className=="index"){ }}
                  <div class="childBox" {{ hasChildren2 ? '' : 'lay-href="'+ url2 +'"' }}><img src="../../dist/style/res/user/system-ic.png"/>
                  {{# }else if(item2.className=="task"){ }}
                  <div class="childBox" {{ hasChildren2 ? '' : 'lay-href="'+ url2 +'"' }}><img src="../../dist/style/res/user/task-iic.png"/>
                  {{#  }else if(item2.className=="fill"){ }}
                  <div class="childBox" {{ hasChildren2 ? '' : 'lay-href="'+ url2 +'"' }}><img src="../../dist/style/res/user/fill-ic.png"/>
                  {{# }else if(item2.className=="audit"){ }}
                  <div class="childBox" {{ hasChildren2 ? '' : 'lay-href="'+ url2 +'"' }}><img src="../../dist/style/res/user/audit-ic.png"/>
                  {{# }else if(item2.className=="data"){ }}
                  <div class="childBox" {{ hasChildren2 ? '' : 'lay-href="'+ url2 +'"' }}><img src="../../dist/style/res/user/data-ic.png"/>
                  {{# }else if(item2.className=="system"){ }}
                  <div class="childBox" {{ hasChildren2 ? '' : 'lay-href="'+ url2 +'"' }}><img src="../../dist/style/res/user/system-ic.png"/>
                  {{# }else if(item2.className=="indexSystem"){ }}
                  <div class="childBox T-btn" data-event= "indexSystem" {{ hasChildren2 ? '' : 'lay-address="'+ url2 +'"' }}><img src="../../dist/style/res/user/task-iic.png"/>
                  {{# }else{ }}
                  <div class="childBox" {{ hasChildren2 ? '' : 'lay-href="'+ url2 +'"' }}><img src="../../dist/style/res/user/task-iic.png"/>
                  {{# } }}
                  <a href="javascript:;">{{ item2.text }}</a></div>
                </dd>
            {{# }); }}
            </dl>
            {{# } }}
          </li>
        {{# }); }}
        </ul>
      </script>
    </div>
  </div>

  <!-- 页面标签 -->
  <script type="text/html" template lay-done="layui.element.render('nav', 'layadmin-pagetabs-nav')">
    {{# if(layui.setter.pageTabs){ }}
    <div class="layadmin-pagetabs" id="LAY_app_tabs">
      <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
      <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
      <div class="layui-icon layadmin-tabs-control layui-icon-down">
        <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
          <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;"></a>
            <dl class="layui-nav-child layui-anim-fadein">
              <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
              <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
              <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
            </dl>
          </li>
        </ul>
      </div>
      <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
        <ul class="layui-tab-title" id="LAY_app_tabsheader">
          <li lay-id="/"><i class="layui-icon layui-icon-home"></i></li>
        </ul>
      </div>
    </div>
    {{# } }}
  </script>
  
  <!-- 主体内容 -->
  <div class="layui-body" id="LAY_app_body">
    <div class="layadmin-tabsbody-item layui-show"></div>
  </div>
  
  <!-- 辅助元素，一般用于移动设备下遮罩 -->
  <div class="layadmin-body-shade" layadmin-event="shade"></div>
  
</div>
<!-- 用户信息模板 -->
<script type="text/html" id="userPart">
  <div class="welecomt-text">
      <span>欢迎你:</span>
      <div class="c-userinfo-container">
          <a href="javascript:;" style="padding:0;"><span style="color: #f8f8f8" id="username">{{d.name}}</span></a>
          <dl class="layui-nav-child">
            <dd><a class="T-btn" data-event="changePwd">修改密码</a></dd>
            <hr>
            <dd class="T-btn" layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
          </dl>
      </div>
  </div>
  <div class="welecomt-text">
      <span>部门:</span>
      <span>{{ d.dept_name }}</span>
  </div>
</script>

<!-- 消息模板 -->
<script type="text/html" id="noticeInfo">
  <div class="layui-badge-number">{{d.number}}</div>
  {{# if(d.dataList && d.dataList.length > 0){ }}
    <dl class="layui-nav-child">
        {{# layui.each(d.dataList, function(index, item){ }}
          <dd>
            <p class="task-name T-btn" data-id={{item.id}} data-url={{item.connection}} data-event="delUrge" title="点击进入，关闭消息">{{item.taskname}}</p>
            <p class="each-info">
              <label clas="memo-text">备注：</label>
              <span class="memo-val">{{item.memo}}</span>
            </p>
            <p class="each-content">{{item.content}}</p>
          </dd>
        {{# }) }}
    </dl>
  {{# } }}
</script>

<script>
//展示用户信息
  layui.use(['laytpl', 'admin', 'form', 'user', 'layer',  'tools'], function(){
      var laytpl = layui.laytpl,
          admin = layui.admin,
          router = layui.router(),
          search = router.search,
          layer = layui.layer, 
          view = layui.view,
          form = layui.form,
          tools = layui.tools;
        form.render(null, 'test');

      var userdata = layui.data('userdata'),
        getTpl = userPart.innerHTML,
        userView = document.getElementById('userInfo');
      if(userdata){
        laytpl(getTpl).render(userdata.data, function(html){
          userView.innerHTML = html;
        });
      }

      getRoleModel(); //加载侧边导航栏
      getNoticeInfo(); //加载消息栏
      getAppList(); //获取app列表数据
      getFontSize();
      listenOnRouter();

      //按钮点击事件
      $('.layui-layout-admin').delegate('.T-btn', 'click', function(){
        var event = $(this).data('event');
        switch(event){
          case 'changePwd':
            var index = layer.open({
              id: 'changePassword',
              title: '<i class="formFill-icon"></i><span style="color:#FFF;">修改密码</span>',
              type: 1, 
              area: ['510px', '300px'],
              offset: '100px',
              shadeClose: true,
              success: function(lay, index){
                view(this.id).render('./set/password', {
                }).done(function(){
                  form.on('submit(setPwd)', function(data){
                      var userPwd = data.field;
                      admin.req({
                          url: 'myapi/DC/api/rest/web/custom/ChangePassword',
                          type: 'post',
                          data:{
                            oldPassword: userPwd.oldPassword,
                            newPassword: userPwd.password
                          },
                          success: function(res){
                            if(res.retcode == '0'){
                              layer.msg('修改成功');
                              layer.close(index);
                            }
                          }
                      })
                  })
                })
              }
            })
            break;
          case 'delUrge':
            var urgeId = $(this).data('id'),
                urgeUrl = $(this).data('url');
            admin.req({
              url: 'myapi/DC/api/rest/web/custom/Pressdo',
              type: 'post',
              data: {
                model: 'close',
                id: urgeId
              },
              done: function(res){
                if(res.retcode == '0'){
                  getNoticeInfo();
                  location.hash = '/' + urgeUrl;
                  layer.msg(res.data.retmsg);
                }
              }
            })
            break;
          case 'toApp':
            location.hash = '/user/homeIndex';
            break;
          case 'indexSystem':
            var jump = $(this).attr('lay-address');
            location.href = jump;
            break;
          case 'setFont'://修改字体
            var size = $(this).data('size'),
                hash = location.hash.split('/'),
                route = hash[hash.length-1] || hash[hash.length-2],
                layout = [];
            layui.sessionData('fontSize', { key: 'size', value: size });
            if(route == 'temporary'){
              layout = ['div.taskLine', '.layui-table th', '.layui-table td', '.ystep-container', '#chart-container-wrapper-temporary'];
            }else if(route == 'permanent'){
              layout = ['.my-carousel-item', '.task-detail', '.ystep-container', '#chart-container-wrapper-permanent'];
            }else if(route == 'systemManage'){
              layout = ['#treeDemo', '#metaTree', 'table'];
              tools.setFont(layout, size, 'mainFormIframe');
              return ;
            }else if(route == 'formFill' || route == 'datacheck'||route =='formFillO'||route =='requestFill'){
              layout = ['.layui-table th', '.layui-table td', '.task-ul>ul', '#fill-form-kqform', '.kq-info-title'];
            }else if(route == 'dataReview' || route == 'taskReview'||route == 'dataReviewO'){
              layout = ['.layui-table th', '.layui-table td', '.task-ul>ul'];
            }else if(route == 'dataSerach' || route == 'dataSerachO'||route =='disDataSerach'){
              layout = ['.layui-table th', '.layui-table td', '#data-dataSearch-kqform', '.ztree','#disFormBox .layui-form-label','#disFormBox .layui-input-inline'];
            }else if(route == 'rolesManage' || route == 'managerSet'){
              layout = ['.layui-table th', '.layui-table td', '#treeDemo'];
            }else if(route == 'groupMaintenance' || route == 'createTask' || route == 'fillManage' || route == 'auditManage' || route == 'dataQuery' || route == 'dataQueryAll' || route == '#'){
              layout = ['.layui-table th', '.layui-table td'];
            }else if(route == 'dataAttendance'||route == 'disDataStatistics'){
              layout = ['.layui-table th', '.layui-table td', '.layui-form-checkbox span', '#custom-attendance-form', '.attendance-bottom .layui-card-header','.layui-form-radio div'];
            }else if(route == 'attenceTask'){
              layout = ['.my-carousel-item', '.task-detail', '.ystep-container', '#chart-container-wrapper-permanent'];
            }else if(route == 'fieldMaintenance'){//字段维护
              layout = ['.layui-table th', '.layui-table td', '.layui-form-label'];
            }else if(route == 'disDataFill'){//减灾司数据填报
              layout = ['.formTitle', '.layui-form-label', '.layui-input-inline'];
            }
            layout.push('.my-header-setapp');
            layout.push('.user-info');
            tools.setFont(layout, size);
          }
      })

      //二级菜单切换
      $('.layui-side-menu').delegate('.my-nav-child dd', 'click', function(e){
        // e.stopPropagation();
        // debugger
        $(this).parents('li').addClass('layui-nav-itemed');
        $(this).parents('li').siblings().removeClass('layui-nav-itemed'); 
      })

      //初始化侧边模块
      function getRoleModel(){
        admin.req({
          url: 'myapi/DC/api/rest/web/custom/RoleModelAPI',
          type: 'post',
          done: function(res){
            if(res.data.retcode == 0){
                var data = res.data.data,
                    modelData = []; 
                if(data.link){
                  var model = data.model,
                      link = data.link;
                    link.className = 'menu-indexSystem';
                    link.url = link.address+'user_code='+layui.data('layuiAdmin').access_token
                    model.push(link);
                    modelData = model
                }else { 
                  if(data.model){
                    modelData=data.model;
                  }else{
                    modelData=data;
                  } 
                }
                var getTpl = sideMenu.innerHTML,
                  view = document.querySelector('.layui-side-menu .layui-side-scroll');
                laytpl(getTpl).render(modelData, function(html){
                  view.innerHTML = html;
                })
              }
          }
        })
      }

      //获取当日星期几
      function getDay(day){
        var week = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        return week[day];
      } 

      //获取当前时间 
      function getNowTime(){
        var myDate = new Date(),
            date = myDate.getFullYear() + "-" + (tools.addZero(myDate.getMonth() +1)) + "-" + tools.addZero(myDate.getDate()),
            day = myDate.getDay();
        if(document.getElementById("dateId")){
          document.getElementById("dateId").innerHTML = date;
          $('#week').html(getDay(day));
        }
      }

      function getNowHour(){
        var myDate = new Date(),
            date = tools.addZero(myDate.getHours()) + " : " + tools.addZero(myDate.getMinutes());
        if(document.getElementById("timeId")){
          document.getElementById("timeId").innerHTML = date;
        }
      }

      //初始化设置字体大小
      function getFontSize(){
        var fontSize = layui.sessionData('fontSize').size ? layui.sessionData('fontSize').size : 16,
            fontItems = $('.custom-font-item dl>dd');
        $.each(fontItems, function(index, item){
          if($(this).find('a').data('size') == fontSize){
            $(this).addClass('layui-this');
          }
        });
      }

      //加载消息
      function getNoticeInfo(){
        admin.req({
          url: 'myapi/DC/api/rest/web/custom/Pressdo',
          data: {
            model: 'loginQuery',
          },
          done: function(res){
            if(res.retcode == '0'){
              if(res.data.data){
                var data = res.data.data,
                    getTpl = noticeInfo.innerHTML,
                    view = document.getElementById('notice-area');
                laytpl(getTpl).render(data, function(html){
                  view.innerHTML = html;
                })
              }
            }
          }
        })
      }

      //加载app下拉框
      function getAppList(){
        admin.req({
          url: 'myapi/DC/api/rest/web/custom/GetAppByUser',
          done: function(res){
            var data = res.data, appHtml = '';
            if(res.retcode == '0'){
              var id = layui.data('userdata').appId;
              layui.each(data, function(index, item){
                  appHtml += '<option value='+item.app_id+'>'+item.app_name+'</option>'
              });
              $('#app-list').empty().html(appHtml);
              form.render();
              form.val('test', { app: id });
            }
          } 
        })
      }

      //监听app下拉框选择
      form.on('select(app-list-filter)', function(data){
        tools.setApp(admin, data.value);
      }); 

      //监听路由
      function listenOnRouter(){
        var id = search.app_id;
        if(id){
          tools.setApp(admin, id);
          form.val('test', { app: id });
        }
      }
    
  })

</script>
<style>
  .clearfix::after{
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
  }
  .my-nav-item:hover .custom-out-box{
    border: 1px solid #FFF;
    background-color: #9DC4F1;
  }
  .my-nav-item:hover .custom-inner-box{
    background-color: #318BF3;
  }
  .layui-layout .layui-layout-right{
     display: block;
  }
  .layui-nav .layui-nav-item {
    float: left;
  }
  .layui-nav .layui-nav-item.time-container {
    position: relative;
    width: 235px !important;
  }
  .layui-nav .layui-badge, .layui-nav .layui-badge-dot {
      top: 30%;
  }
/*   @font-face{
     font-family: '11'; 
     src: url('../../dist/style/res/Marske.ttf'); 
  } */
  .layui-nav .layui-nav-more {
      top: 31%;
      right: 6px;
  }
  #dateId, #timeId{
    height: 50%;
    line-height: 100%;
  }
  #dateId{
      /* font-family: "11" !important; */
      font-size: 16px;
      padding-top: 2px;
  }
  #timeId{
    /* font-family: "11" !important; */
    font-size: 24px;
    padding-left: 5px;
  }
  #week{
    position: absolute;
    font-size: 24px;
    bottom: 0;
    right: 58px;
  }
  .my-nav-item .my-nav-child dd a{
    display: inline-block;
    width: 100px !important;
    line-height: 28px;
    margin-left: 30px;
    text-align: center;
  }
  .childBox{
    height: 30px;
    margin-top: 5px;
    position: relative;
  }
  .childBox img{
    width: 19px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 4px;
  }
  .layui-layout .user-notice{
      height: 75%;
      width: 100%;
      margin: 2px auto;
      background: url('../../dist/style/res/user/shape.png') no-repeat center center; 
  }
  .user-notice img{
    position: absolute;
    width: 14px;
    height: 18px;
    top: 6px;
    left: 14px;
  }
  .layui-layout .layout-content{
     display: block;
  }
  .layout-content .user-icon{
      display: inline-block;
      height: 45px;
      width: 50px;
      margin-top: 3px;
      background-image: url(../../dist/style/res/user/user-h.png);
      background-repeat: no-repeat;
      background-position: center center;
  }
  .layout-content .c-userinfo-container {
    display: inline-block;
  }
  .layout-content .user-info{
      display: inline-block;
      vertical-align: top;
      padding-right: 20px;
  }
  .layout-content .user-info .welecomt-text {
      display: block;
      color: #fff;
      line-height: 31px;
      height: 23px;
  }
  .layout-content .user-logOut{
      height: 45px;
      width: 50px;
      margin-top: 3px;
      cursor: pointer;
      background-image: url(../../dist/style/res/user/loginout.png);
      background-repeat: no-repeat;
      background-position: center center;
  }
  .layui-layer .layui-layer-title{
    height: 35px;
    line-height: 35px;
    padding: 0;
    border-bottom: none;
    color:#fff;
    text-indent: 1em;
    background: url('/dist/style/res/formFill/layer-head.png') no-repeat center center;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dist/style/res/formFill/layer-head.png',sizingMethod='scale');
    background: none\9;
  }
  .formFill-icon{
      display: inline-block;
      width: 3px;
      height: 14px;
      background-color: #FFFFFF;
      vertical-align: middle;
      margin: 0 12px;
  }

  #notice-area .layui-nav-child{
    width: 250px;
    color: #333333;
    right: -112px;
    padding: 10px;
  }
  #notice-area .layui-badge-number{
    position: absolute;
    right: 8px;
    top: -15px;
    color: red;
  }
  #notice-area dl>dd{
    font-size: 14px;
    border-bottom: 1px dashed #ccc;
    padding: 5px 0;
  }
    #notice-area .layui-icon-close-fill{
      position: absolute;
      top: 0;
      right: 10px;
      cursor: pointer;
    }
   .task-name{
      cursor: pointer;
    }
    .memo-val, .each-content{
      display: inline-block;
      width: 200px;
      line-height: 20px;
      white-space: normal;
      word-break: break-all;
      overflow: auto;
      vertical-align: middle;
    }
    .each-content{
      width: 250px;
    }
    .my-header-setapp{
      position: absolute;
      left: 360px;
      top: 10px;
    }
    .my-header-setapp .layui-form-label{
      color: #FFFFFF;
      width: 100px;
      line-height: 30px;
      padding: 0;
    }
    .my-header-setapp .layui-input-block{
      margin-left: 100px;
    }
    .my-header-setapp .layui-input{
      height: 30px;
      color: #fff;
      border: none;
      background-color: transparent;
    }
    .my-header-setapp .layui-form-select dl dd.layui-this{
      background-color: #2669B1;
    }
    .my-header-setapp .layui-form-select dl dd{
      line-height: 30px;
    }
    .no-data-tips{
        text-align: center;
    }
    .layui-table-grid-down{
      display: none;
    }
    .layui-layer-tips{
        word-break: break-all;
    }
    .bgBlue{
      background-color: #2669B1;
    }
    .bgGreen{
      background-color: #35D944;
    }
    .errorLine{
      background-color: pink;
      border-bottom: 1px solid #ccc;
    }
    .layui-inlineblock{
        display: inline-block;
    }
    .scroll{
      overflow-y:scroll;
    }
    .layui-table tbody tr.lineactive {
        background-color: #FDE7A3 !important;
    }
    .layui-alg-select{
        display: inline-block;
        vertical-align: middle;
    }
    .myAlgSelect, .my-input-style{
      width: 125px;
      height: 25px;
    }
    .my-input-style{
        display:inline-block;
    }
    .hidden{
        display: none
    }
    .show{
        display: inline;
    }
    .layui-btn-warn{
      background: url('/dist/style/res/about/warn.png') no-repeat center center;
    }
    .layui-layer-setwin{
      top: 12px !important;
    }
    .layui-table[lay-even] tbody tr:nth-child(odd) {
        background-color: #FFFFFF;
    }
    .layui-table[lay-even] tbody tr:nth-child(even) {
        background-color: #F9F9F9;
    }
    .layui-table[lay-even] tbody tr:nth-child(odd):hover, .layui-table[lay-even] tbody tr:nth-child(even):hover{
        background-color: #f2f2f2; 
    }
    .layui-tab-content .layui-form-select .layui-input{
        height: 30px;
    }
    .layui-tab-content .layui-input-date{
      height: 35px;
    }
    .layui-tab-content select{
        width: 80%;
        height: 25px;
    }

    .layui-side .layui-nav-tree .layui-this{
      background-color: #318BF3 !important;
    }
    .layui-table th{
      vertical-align: middle !important;
    }
    .layui-table-header table, .layui-table tr th{
      background-color: #F4F4F4 !important;
      color: #333333;
    }
    .layui-table-view .layui-table{
      width: 100%;
    }
    .layui-table-view .layui-table-cell{
      margin: 0 auto;
    }
    .layadmin-header{
      height: 40px;
      line-height: 40px;
      background-color: #E8EFF6;
      border:1px solid rgba(223,224,225,1);
      box-shadow:0px 0px 4px 0px rgba(34,104,196,0.56);
    }
    .layui-breadcrumb a, .layui-breadcrumb a cite{
      color: #333333 !important;
    }
    .layui-breadcrumb span[lay-separator]{
      color: #333333;
      margin: 0 5px;
    }
    .layui-breadcrumb span:first-of-type{
      display: none;
    }
    .layui-icon-locate{
        display: inline-block;
        width: 14px;
        height: 19px;
        background: url('/dist/style/res/about/location.png') no-repeat center center;
        vertical-align: sub;
        margin-right: 10px;
    }
    .custom-badge{
        display: inline-block;
        height: 24px;
        line-height: 25px;
        padding: 0 16px;
        font-size: 12px;
        color: #FFF;
    }
    .layui-bk-green{
      background: url('/dist/style/res/about/bg-green.png') no-repeat center center;
    }
    .layui-bk-orange{
      background: url('/dist/style/res/about/bg-orange.png') no-repeat center center;
    }
    .layui-bk-gray{
      background: url('/dist/style/res/about/bg-gray.png') no-repeat center center;
    }
    .download-file{
        color: #317ECC;
        cursor: pointer;
    }
    .download-file:hover{
        color: #13ADFD;
    }
    .layui-layer-tips{
      background-color: #FFF !important;
      color: #333;
    }
    .task-ul ul .undotask-header{
      padding: 0 0 0 12px;
    }
    .title-num, .title-content, .title-time{
      display: inline-block;
      color: #333;
    }
    .title-num{
      width: 35px;
    }
    .title-content{
      width: 250px;
    }
    .layui-laydate-content > .layui-laydate-list {
      padding-bottom: 0px;
      overflow: hidden;
    }
    .layui-laydate-content > .layui-laydate-list > li {
      width: 50%
    }
    .unit-radios{
      padding-left: 10px;
    }
    .layui-tab-title .layui-this{
      border-top: 2px solid #008AE1;
    }
    .card-header-bold{
      font-size: 15px;
      font-weight: bold;
    }
    .my-table-btn-del, .my-table-btn-add, .my-table-btn-check{
      font-size: 20px;
      border-width: 1px;
      border-style: solid;
      border-radius: 4px;
    }
    .my-table-btn-del{
      color: #FF4E32 !important;
		  border-color: #FF4E32;
    }
    .my-table-btn-add{
      color: #2EB36C !important;
	  	border-color: #2EB36C;
    }
    .my-table-btn-check{
      color: #FF4E32 !important;
		  border-color: #FF4E32;
    }
	.my-table-btn-del:hover, .my-table-btn-add:hover, .my-table-btn-check:hover{
		color: #0BAFFD !important;
		border-color: #0BAFFD;
	}
</style>

